<html>
    <head>
        <meta charset="utf-8">
        <title>标签</title>
    </head>
    <body>
        <!--标题标签hn-->
        <h1 style="width: 200px;background-color: springgreen;">h1</h1>
        <h2 style="width: 200px;">h2</h2>
        <h3 style="background-color: greenyellow;">h3</h3>
        <h4>h4</h4>
        <h5>h5</h5>
        <h6>h6</h6>

        <!--段落标签-->
        <p>今天周五</p>
        <p>今天周五</p>
        <p>今天周五</p>

        <!--普通的文本标签-->
        <span style="background-color: indianred;width: 200px;">我是span标签</span>
        <span>我是span标签</span>
        <span>我是span标签</span>
        没有标签

        <div>万能标签，没有什么实际的意义</div>
        <div>万能标签，没有什么实际的意义</div>
        <div>万能标签，没有什么实际的意义</div>
        <!--块标签，自己独占一行-->

        <strong>文本加粗，有强调含义</strong>
        <strong>文本加粗，有强调含义</strong>
        <strong>文本加粗，有强调含义</strong>

        <del>￥1028</del>
        <del>￥1028</del>
        <del>￥1028</del>
        <!--行元素，不会换行-->

        <img style="width: 200px;" src="qqq.jpg" alt="电脑桌面" title="这是一张图片">
        <img style="width: 200px;" src="qqq.jpg" alt="头像" title="这是一张图片">
        <!--行元素
            src加载路径
            alt是描述信息
            title是图片的标题
        -->
    </body>
</html>
<!--行：不会自动换行 不可以设置宽高
    块：自己独占一行 可以设置宽高
    行内块：就是行。但是可以设置宽高
-->